<template>
  <div class="panel_box">
    <div class="w-[200px] mt-3 bg-[#333]">
      <div v-for="(item, index) in list" :key="'1' + index">
        <div class="Alarmeventstatistics">
          <img class="image" :src="item.img" alt="" />
          <div>
            <div class="name">{{ item.name }}</div>
            <span class="num BgqcFont"
              >{{ item.value }} <span class="font-size-[14px]">件</span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import img21 from "@/assets/imgs/29.png";
import img22 from "@/assets/imgs/30.png";

const list = [
  {
    name: "已处置",
    value: "0",
    img: img21,
  },
  {
    name: "未处置",
    value: "0",
    img: img22,
  },
];
</script>
<style lang="scss" scoped>
.Alarmeventstatistics {
  width: 220px;
  height: 80px;
  font-size: 14px;
  color: #fff;
  text-align: bottom;
  display: flex;
  margin-top: 15px;

  .image {
    width: 80px;
    height: 80px;
    margin-right: 15px;
  }

  .name {
    width: 100px;
    margin-top: 10px;
  }

  .num {
    font-size: 35px;
    // font-weight: bold;
  }
}
</style>
